<template>
  <el-form>
    <y-card title="Card title" class-name="nobody">
      <div class="title-font">Part1: The basic information</div>
      <el-row type="flex">
        <el-col :span="8">
          <el-form-item label="Lable1">information1</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable2">information2</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable3">information3</el-form-item>
        </el-col>
      </el-row>
      <el-divider />
      <div class="title-font">Part2: The advanced information</div>
      <el-row type="flex" style="flex-wrap: wrap;">
        <el-col :span="8">
          <el-form-item label="Lable1">information1</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable2">information2</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable3">information3</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable4">information4</el-form-item>
        </el-col>
      </el-row>
    </y-card>
    <y-card class-name="nobody">
      <div class="title-font">Part1: The basic information</div>
      <el-row type="flex">
        <el-col :span="8">
          <el-form-item label="Lable1">information1</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable2">information2</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable3">information3</el-form-item>
        </el-col>
      </el-row>
      <el-divider />
      <div class="title-font">Part2: The advanced information</div>
      <el-row type="flex" style="flex-wrap: wrap;">
        <el-col :span="8">
          <el-form-item label="Lable1">information1</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable2">information2</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable3">information3</el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="Lable4">information4</el-form-item>
        </el-col>
      </el-row>
    </y-card>
  </el-form>
</template>

<script>
export default {
  name: 'cardFormat',
  data() {
    return {
    }
  }
}
</script>

<style>

</style>
